<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WebRTC 视频播放器 (FFmpeg)</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 20px; }
        video { width: 640px; height: 480px; margin: 10px; border: 1px solid #ccc; }
        input { width: 640px; margin: 10px; padding: 5px; }
        button { margin: 5px; padding: 8px 12px; }
        #status { margin: 10px 0; font-weight: bold; }
    </style>
</head>
<body>
<h1>WebRTC 本地视频播放</h1>
<!-- 移除 localVideo，只剩 remoteVideo -->
<video id="remoteVideo" autoplay playsinline controls></video>
<br>
<input type="text" id="filePath" placeholder="本地文件路径 (e.g., /tmp/video.mp4)" value="/home/renwq/Downloads/video_merge/9e44b6e312ca42abaed9e9fbf5caff6a.mp4">
<br>
<button id="playBtn">播放（加载并开始）</button>
<button id="pauseBtn">暂停</button>
<button id="startBtn">开始连接</button>
<div id="status">状态: 未连接</div>

<script src="player.js"></script>
</body>
</html>